<!doctype html>
<html>

	<head>
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<meta charset="UTF-8" />
		<title>我的</title>
		<link rel="stylesheet" type="text/css" href="css/my.css" />
	</head>

	<body>
		<script type="text/javascript">
			window.onload = function() {
				document.documentElement.style.fontSize = document.documentElement.clientWidth / 320 * 20 + 'px';
				window.onresize = function() {
					document.documentElement.style.fontSize = document.documentElement.clientWidth / 320 * 20 + 'px';
				};
			};
		</script>
			<!--头部开始-->
			<headertwo>
				<header id="headerPosi">
	              	<a href="../1603B-taobao/setUp.html">设置</a>
	              	<a href="javascript:;"><img src="img/xiaoxi.jpg"/></a>
	              	<a href="javascript:;"><img src="img/hua.png"/></a>
	            </header>
                 <div>
                  	<a href="javascript:;"><img src="img/touxiang.png"/></a>
                 </div>
                 <a href="javascript:;">宅久天然呆,呆时自然傻</a>
                 <div>
                  	<img src="img/v.png"/>
                  	<p>淘气值 丨&nbsp;604</p>
                </div>
			</headertwo>
			<!--头部结束-->
			
			<!--中间开始-->
			<con>
				<a href="javascript:;">
					<img src="img/wode.png"/>
					<p>我的1212</p>
				</a>
				<a href="javascript:;">
					<img src="img/meishi.png"/>
					<p>美食9.9元起</p>
				</a>
				<a href="javascript:;">
					<img src="img/chaoxie.png"/>
					<p>潮鞋3折起</p>
				</a>
				<a href="javascript:;">
					<img src="img/shuma.png"/>
					<p>数码超低价</p>
				</a>
			</con>
			<!--中间结束-->
			
			<!--我的订单开始-->
			<order>
				<a href="../1603B-taobao/mydingdan.html">
					<p>我的订单</p>
					<span>查看全部订单 ></span>
				</a>
				<div>
					<a href="../1603B-taobao/NOpayment.html">
						<img src="img/logo1.png"/>
						<p>待付款</p>
					</a>
					<a href="javascript:;">
						<img src="img/logo2.png"/>
						<p>代发货</p>
					</a>
					<a href="javascript:;">
						<img src="img/logo3.png"/>
						<p>代收货</p>
					</a>
					<a href="javascript:;">
						<img src="img/logo4.png"/>
						<p>待评价</p>
					</a>
					<a href="javascript:;">
						<img src="img/logo5.png"/>
						<p>退款/售后</p>
					</a>
				</div>
			</order>
			<!--我的订单结束-->
			
			<!--我的工具开始-->
			<tool>
				<div>
					<p>必备工具</p>
					<a href="javascript:;">查看更多工具></a>
				</div>
				<div>
					<a href="javascript:;">
						<img src="img/gongju.png"/>
						<p>收藏宝贝</p>
					</a>
					<a href="javascript:;">
						<img src="img/gongju1.png"/>
						<p>收藏内容</p>
					</a>
					<a href="javascript:;">
						<img src="img/gongju2.png"/>
						<p>关注</p>
					</a>
					<a href="javascript:;">
						<img src="img/gongju3.png"/>
						<p>足迹</p>
					</a>
				</div>
				<div>
					<a href="javascript:;">
						<img src="img/gongju4.png"/>
						<p>卡卷包</p>
					</a>
					<a href="javascript:;">
						<img src="img/gongju5.png"/>
						<p>蚂蚁花呗</p>
					</a>
					<a href="javascript:;">
						<img src="img/gongju6.png"/>
						<p>会员中心</p>
						<p>全年大米粮油</p>
					</a>
					<a href="javascript:;">
						<img src="img/gongju7.png"/>
						<p>我的小蜜</p>
					</a>
				</div>
				<div>
					<a href="javascript:;">
						<img src="img/gongju8.png"/>
						<p>我要换钱</p>
					</a>
					<a href="javascript:;">
						<img src="img/gongju9.png"/>
						<p>我的通信</p>
					</a>
					<a href="javascript:;">
						<img src="img/gongju10.png"/>
						<p>我的快递</p>
					</a>
					<a href="javascript:;">
						<img src="img/gongju12.png"/>
						<p>主题换肤</p>
					</a>
				</div>
			</tool>
			<!--我的工具结束-->
			
			<!--我的互动开始-->
			<interaction>
				<div>
					<p>我的互动</p>
				</div>
				<div>
					<a href="javascript:;">
						<img src="img/hudong1.png"/>
						<p>我的圈子</p>
					</a>
					<a href="javascript:;">
						<img src="img/hudong2.png"/>
						<p>我的分享</p>
					</a>
					<a href="javascript:;">
						<img src="img/hudong3.png"/>
						<p>问大家</p>
					</a>
					<a href="javascript:;">
						<img src="img/hudong4.png"/>
						<p>我的评价</p>
					</a>
				</div>
			</interaction>
			<!--我的互动结束-->
			
			<!--底部开始-->
			<footer>
				<a href="../1603B-taobao/zhuye.html">
					<img src="img/foter.png"/>
					<p>首页</p>
				</a>
				<a href="javascript:;">
					<img src="img/foter1.png"/>
					<p>微淘</p>
				</a>
				<a href="javascript:;">
					<img src="img/foter2.png"/>
					<p>问大家</p>
				</a>
				<a href="../1603B-taobao/gouwuche.html">
					<img src="img/foter3.png"/>
					<p>购物车</p>
				</a>
				<a href="javascript:;">
					<img src="img/foter4.png"/>
					<p>我的淘宝</p>
				</a>
			</footer>
			<!--底部结束-->
	</body>
	<script>
		window.onscroll = function(){
			var headPosi = document.body.scrollTop || document.documentElement.scrollTop;
//			document.title = headPosi;
			if(headPosi > '100'){
				headerPosi.style.background = "rgba(255,81,0,1)"
			}else{
				headerPosi.style.background = "rgba(0,0,0,0)"
			}
		}
	</script>
</html>